<html>
<head>
    <base href="http://01-shu1-xsx.oss-cn-hangzhou.aliyuncs.com">
    <meta charset="utf-8" >
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta http-equiv="Pragma" content="public" />
    <meta http-equiv="Cache-Control" content="public" />
    <title>鱼虾蟹</title>
    <link rel="stylesheet" type="text/css" href="./files/css/xiaxie17.css">
    <link rel="stylesheet" type="text/css" href="./files/css/alert.css">
    <link rel="stylesheet" type="text/css" href="./files/css/ncomm.css">
    <link rel="stylesheet" type="text/css" href="./files/css/alertbox.css">
	<link rel="stylesheet" href="./files/css/xiaxie_new.css">
    <script type="text/javascript" src="./files/js/fastclick.js"></script>
    <script type="text/javascript" src="./files/js/clipboard.min.js"></script>
    <script type="text/javascript" src="./fiesc/js/aes.js"></script>
    <script type="text/javascript" src="./files/js/md5.js"></script>
    <script type="text/javascript" src="./files/js/base64.js"></script>
    <script type="text/javascript">var AAALoadReturnCode="";</script>
    <script type="text/javascript">
        document.write('<script type="text/javascript" src="./js/config.js?v='+ new Date().getTime() +'"> <\/script>');
        document.write('<script type="text/javascript" src="./js/load.js?v='+ new Date().getTime() +'"> <\/script>');
    	//var vConsole = new VConsole();
    	//var vConsole = new window.VConsole();
    </script>
    <script type="text/javascript">
			var max_count = 17;
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 360 * 100 + 'px';
        window.addEventListener('load', function() {
            FastClick.attach(document.body);
        }, false);
  //       var room_number = DynLoading.getUrlParam("i").replace("_", "");
		// var obj = DynLoading.hall(BaseUrl + '/home1/room' + "?i=" + room_number + "_");
		// if(obj.result != 0){
		// 	alert(obj.result_message);
		// 	var return_url = window.location.href;
		// 	console.log(return_url);
		// 	window.location.href = '/index.html?return_url=' + return_url + '&t=' + obj.data.t;
		// }
  //       var newNum = "";
  //       var per = window.innerWidth / 530;
  //       var globalData = {
  //           "card":obj.data.card,
  //           "roomNumber":room_number,
  //           "socket":obj.data.socket,
  //           "hallPath":"/index.html",
  //           "roomUrl":window.location.href,
  //           "baseUrl": BaseUrl + "/",
  //           "fileUrl": "/",
		// 	"cfileUrl": "/",
  //           "isWechat": obj.data.is_weixin,
  //           "isXianliao":obj.data.is_xianliao,
  //           "xlTitle":"(房间号:" + room_number + ")",
  //           "roomStatus":obj.data.room_status,
  //           "room_status":obj.data.room_status,
  //           "scoreboard":obj.data.balance_scoreboard,
  //           "session":obj.data.session,
  //           "shareTitle":obj.data.platfrom_name + "：(房间:" + room_number + ")",
  //           "gameType":obj.data.game_type,
  //           "isNotyMsg":obj.data.isNotyMsg,
  //           "notyMsg":obj.data.notyMsg,
  //           "notyTime":obj.data.notyTime,
		// 	"hallName": obj.data.platfrom_name,
  //           "notySpeed":10000,
		// 	"maxCount": obj.data.max_count,
  //       };
  //       var userData = {
  //           "accountId":obj.data.user.account_id,
  //           "nickname":obj.data.user.nickname,
  //           "avatar":obj.data.user.headimgurl,
  //           "individuality":obj.data.user.individuality,
  //       };
  //       var configData = {
  //           "appId":obj.data.config_ary.appId,
  //           "timestamp":obj.data.config_ary.timestamp,
  //           "nonceStr":obj.data.config_ary.nonceStr,
  //           "signature":obj.data.config_ary.signature,
  //       };
		// // 修改浏览器title
		// var new_userName = "";
		// var old_userNname = obj.data.user.nickname;
		// if (old_userNname.length > 8) {
		//     new_userName = old_userNname.substring(0, 7);
		//     new_userName += "..."
		// }
		// else {
		//     new_userName = old_userNname;
		// }
		
		// document.getElementsByTagName("title")[0].innerText = new_userName + "|" + globalData.hallName;
  //       function gotoHall()
  //       {
  //           window.location.href = "<?php echo $base_url;?>home/index";
  //       }
  //       document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  //           // 通过下面这个API隐藏右上角按钮
  //           WeixinJSBridge.call('hideOptionMenu');
  //       });
    </script>
</head>

<body >
<div id="dialog" style="display:none">
    <img src="./fiesc/images/common/cancel.png" onclick="fuzhiMain.closeDialog()">
    <p id="main" class="main">
    </p>
    <p class="other">
        请手动复制
    </p>
</div>
<span class="copy-tip" id="tips" style="display:none">已复制到剪贴板</span>
<img src="./fiesc/images/common/33fz.png" class="needsclick zhuonuo copyUrl" data-clipboard-action="copy" id="copy_btn"
     onclick="fuzhiMain.link()" />
<textarea id="room_str" readonly="readonly"></textarea>

<div style="position: fixed;width:100%;height:100%;top:0;left:0;background: #000;z-index:115;" id="loading">
    <div class="load4">
        <div class="loader">Loading...</div>
    </div>
</div>

<div class="main" id="app-main" style="position: relative; width: 100%;margin: 0 auto; background: #fff; display: none;">
    <div class="window-masks return-index" id="returnIndex" v-show="isShowHomeAlert">
        <div class="border-opacity">
            <div class="container"><i class="mask-icon mask-top"></i><i class="mask-icon mask-right"></i><i
                        class="mask-icon mask-bottom"></i><i class="mask-icon mask-left"></i>
                <div class="main">确认返回主页？</div>
                <div class="button">
                    <div class="sure" id="returnIndexBtn" v-on:click="hall">返回首页</div>
                    <div class="cancel" id="cancelBtn" v-on:click="closeHomeAlert">取消</div>
                </div>
            </div>
        </div>
    </div>
    <div class="window-masks return-index" id="returnIndex" v-show="isShowAlert && !add_user">
        <div class="border-opacity">
            <div class="container f-cb"><i class="mask-icon mask-top"></i><i class="mask-icon mask-right"></i><i
                        class="mask-icon mask-bottom"></i><i class="mask-icon mask-left"></i>
                <div class="main">{{alertText}}</div>
                <div class="button">
                    <div class="sure" id="returnIndexBtn" v-on:click="hall">返回首页</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 进游戏提示框 -->
    <div class="window-masks user-join" id="joinUser" v-show="isShowGameAlert">
        <div class="border-opacity">
            <div class="container">
                <i class="mask-icon mask-top"></i>
                <i class="mask-icon mask-right"></i>
                <i class="mask-icon mask-bottom"></i>
                <i class="mask-icon mask-left"></i>
                <div class="user-id">ID：<?php echo $room_number;?></div>
                <div class="main">
                    <div class="rules" v-show="alertType==4">
                        <p>筹码：<span v-if="ruleInfo.chip_type==1">5,10,20,50</span><span v-if="ruleInfo.chip_type==2">10,20,50,100</span></p>
                        <br>
                        <p>上限：{{ruleInfo.upper_limit}}</p><br>
                        <p>规则：<span v-if="ruleInfo.rule_value1!=1">三个相同3倍，两个相同2倍</span>
                            <span v-if="ruleInfo.rule_value1==1">三个相同5倍，两个相同3倍</span></p><br>
                        <p>局数：<span v-if="ruleInfo.ticket_type==1">12局X2门票 </span>
                        <span v-if="ruleInfo.ticket_type==2">24局X4门票</span></p><br>
                    </div>
                    <div class="user-list">
                        <div class="join-user-info" v-for="item in alertText">
                            <img v-bind:src="item.avatar">
                            <span>{{item.name}}</span>
                        </div>
                    </div>
                </div>
                <div class="button">
                    <div class="return" v-on:click="hall">返回首页</div>
                    <div class="join-game" id="joinGame" v-on:click="sitDown">加入游戏</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 特殊提示  -->
    <div class="alert" v-show="isShowNoteImgA" v-on:click="hideNoteImgA()">
        <div class="alertBack"></div>
        <img src="./files/images/guest/back.png" style="position: absolute; top: 1rem; width: 3rem; height: 3rem; left: .3rem;">
        <img src="./files/images/guest/xieyi.png" style="position: absolute; top: .8rem; width: 2rem; height: .7rem; left: .7rem;">
        <img src="./files/images/guest/cancel2.png" style="position: absolute; top: .8rem; width: .8rem; height: .8rem; right: .15rem;">
        <div style="position: absolute; top: .8rem; left: .03rem; color:#fff; font-size: 14px!important; padding: .65rem; opacity: .7;">
            <p>
                &emsp;&emsp;本游戏仅供娱乐，禁止赌博。如发现有赌博 行为，将封停帐号并向公安机关举报。
            </p><br>
            <p>
                &emsp;&emsp;游戏中使用的房卡为游戏道具，不具有任何 财产性功能。本公司对于用户的房卡不提供任何 形式官方回购，直接成交兑换现金或实物等服务 相关功能，游戏仅供休闲娱乐使用，游戏中出现 问题请联系客服。
            </p>
        </div>
    </div>

    <div v-show="isShowNoty" style="position: absolute;background-color: rgba(0,0,0,0.8);width: 100%;height: 7vh;line-height: 7vh;color: white;font-size: 2.5vh;overflow: hidden;z-index: 9998;">
        <img style="position: absolute;top: 1.5vh;left: 3vw;width: 4vh;height: 4vh;" src="./files/images/common/laba.png" />
    </div>
    <div v-show="isShowNoty" id="marquee" style="position: absolute;top: 0;left: 12vw;background-color: rgba(0,0,0,0);width: 88vw;height: 7vh;line-height: 7vh;color: white;font-size: 2.5vh;overflow: hidden;z-index: 9999;">
        {{notyMsg}}
    </div>
	<!-- 防伪码 -->
    <!-- <div class="roomCard"  v-on:click="showIndividuality">
        <img  src="./fiesc/images/common/myText.png" />
        <div class="num">
            <div style="position: absolute;top:0;left: 0;width: 100%;height: 100%;background: #000;opacity: .6;border-radius:1.5vh;"></div>
            <div style="position: relative;padding: 0 1.5vh 0 5vh;">{{userData.individuality}}<span v-if='userData.individuality==""'>点击设置</span></div>
        </div>
    </div>
    <div style="display: none;" v-show="isShowIndividuality==1">
        <div class="individuaMask" style="" v-on:click="hideIndividuality"></div>
        <div class="individuaFrame" style="">
            <div class="title" >防伪码设置</div>
            <div class="text">
                <input v-model="individuality" v-on:input="individualityChange()" type="text" placeholder="设置1-6位英文或数字防伪码">
            </div>
            <div class="error" >{{individualityError}}</div>
            <div class="buttonContainer" v-on:click="setIndividuality">
                <div class="button">确认</div>
            </div>
            <div class="buttonClose" v-on:click="hideIndividuality">
                <img src="./files/images/common/close.png">
            </div>
        </div>
    </div> -->
	
	<!--防作弊未设置-->
	<div v-show="isShowIndiv" class="indiv-mask">
	    <div class="indiv-box">
	        <div class="indiv-box-info">
	            <div class="hide-indiv" @click="hideIndividuality()"></div>
	            <div class="indiv-title"></div>
	            <div class="enter-indiv">
	                <input type="text" placeholder="请输入个性暗号" v-model="individuality">
	            </div>
	            <div class="confirm-indiv" @click="setIndividuality()"></div>
	        </div>
	    </div>
	</div>
	
	<!--防作弊确认框-->
	<div v-if="isShowIndivConfirm" class="indiv-mask">
	    <div class="indiv-box" style="width: 80vw;background: url(./files/images/daoyou/indiv/box.png);background-size: 100% 100%;">
	        <div class="indiv-box-info">
	            <div class="hide-indiv" @click="hideIndivConfirm()"></div>
	            <div class="indiv-title"></div>
	            <div class="tip-text"></div>
	            <div class="btn-indiv" @click="hideIndivConfirm()"></div>
	            <div class="confirm-indiv2" @click="socketModule.setIndividualitys()"></div>
	        </div>
	    </div>
	</div>
	
	<!--已设置过防作弊-->
	<div v-if="isShowIndividuality" class="indiv-mask">
	    <div class="indiv-box" style="background: url(./files/images/daoyou/indiv/box.png);background-size: 100% 100%;">
	        <div class="indiv-box-info">
	            <div class="hide-indiv" @click="hideIndividuality()"></div>
	            <div class="indiv-title"></div>
	            <div class="indiv-content">
	                <div class="person-info">
	                    <img :src="userData.avatar" class="avatar">
	                    <div class="name">{{userData.nickname}}</div>
	                    <div class="id">编号: {{userData.accountId}}</div>
	                </div>
	                <img src="./files/images/daoyou/package/line.jpg" style="width: 90%;margin-left: 5%;margin-top: 0.1rem;">
	                <div class="my-indiv">
	                    <span class="label">防作弊暗号</span>
	                    <span class="my-indiv-text">{{userData.individuality}}</span>
	                </div>
	                <div style="font-size: 0.15rem;margin-left: 4vw;color: #8a6737">请认准反作弊暗号和编号</div>
	            </div>
	        </div>
	    </div>
	</div>

    <!-- <img class="tabBottom" src="./files/images/xiaxie/bottom.png" alt=""> -->

    <!-- <div style="width: 20%;right:3%;position: absolute;top: 1.5%;z-index: 91;text-align: center;background-color: black; border-radius: 1.8vh;opacity: 0.5;height: 3.2vh"></div> -->
    <!-- <div  style="width: 20%;right:3%;position: absolute;top: 1.5%;z-index: 91;color: #fff;height: 3.2vh;line-height: 3.2vh;border-radius: 1.8vh;font-size: 2vh;text-align: center;"> -->
        <div v-on:click="sendTest" class="gameRound">{{game.round}}&nbsp/&nbsp{{game.total_num}}&nbsp局</div>
    <!-- </div> -->
    <div class="myCardTypeBG"></div>
    <div class="myCardType">
        上限：<a>{{ruleInfo.upper_limit-myBet}}</a>
    </div>
	
	<!-- 侧边弹框 -->
	<div class="icon-more-mask"  @click="hideIconMore"></div>
	<div class="icon-more" @click="showIconMore">
	    <span class="game-indiv" v-on:click="showIndividuality"></span>
	    <span class="game-rule" v-on:click="showGameRule"></span>
	    <span class="game-sound" v-on:click="showAudioSetting"></span>
	</div>

    <!-- <img class="bottomTab" src="./fiesc/images/nbull/bottom.png" alt=""> -->
    <!-- <img class="bottomRule" src="./fiesc/images/common/game-rules13.png" v-on:click="showGameRule"> -->
    <!-- <img class="bottomHome" src="./fiesc/images/common/game-music1.png" v-if="editAudioInfo.backMusic==1" v-on:click="confirmAudioSetting"> -->
    <!-- <img class="bottomHome" src="./fiesc/images/common/game-music2.png" v-if="editAudioInfo.backMusic==0" v-on:click="confirmAudioSetting"> -->
<!--    <img class="bottomMessage" src="./fiesc/images/common/game-chat.png" v-on:click="showMessage">
    <img class="bottomSound" src="./fiesc/images/common/return-index13.png" v-on:click="showHomeAlert" /> -->
	<img class="bottomMessage" src="./files/images/common/game-chat02.png" v-on:click="showMessage">
	<img class="bottomHome"  src="./files/images/common/return-index3.png" v-on:click="showHomeAlert" />
	
	<!-- 聊天室 -->
	<img class="toChat" src="./files/images/daoyou/hall/btn_chat.png" v-on:click="goToChat">

    <!--自动准备-->
    <div class="auto-ready" v-on:click="autoReady()">
        <img v-show="appData.isAutoReady==1" src="./files/images/common/ready_true2.png">
        <img v-show="appData.isAutoReady==0" src="./files/images/common/ready_false2.png">
    </div>
    <div class="disconnect" v-show="!connectOrNot" style="position: fixed;top:45%;left: 0;width: 100%;text-align: center;z-index: 101"><div style="width: 250px;height:27px;position: absolute;top:-2;left: 50%;margin-left: -125px;background: #000;opacity: .5;border-radius:15px;"></div><a style="font-size: 16px;color: #fff;padding: 5px 14px;position:relative;">已断开连接，正在重新连接...</a></div>


    <!-- 积分榜，消息按钮 -->
    <map name="planetmap" id="planetmap">
        <area shape="rect" v-bind:coords="'0,0,' + width/3.2 + ',' + width/8"  class="showRanking" />
        <area shape="rect" v-bind:coords="width/3*2 + ',0,' + width + ',' + width/8" v-on:click="showMessage" />
    </map>

    <!-- 提示框 -->
    <div class="alert" id="valert" v-show="isShowAlert">
        <div class="alertBack"></div>
        <div class="mainPart">
            <div class="backImg">
                <div class="blackImg"></div>
            </div>
            <div class="alertText">
                <div class="rull" v-show="alertType==4"  style="font-size: 2.2vh">
                    筹码：<a v-if="ruleInfo.chip_type==1">5,10,20,50</a>
                    <a v-if="ruleInfo.chip_type==2">10,20,50,100</a><br>
                    上限：<a>{{ruleInfo.upper_limit}}</a><br>
                    规则：<a v-if="ruleInfo.rule_value1!=1">三个相同3倍，两个相同2倍</a>
                    <a v-if="ruleInfo.rule_value1==1">三个相同5倍，两个相同3倍</a><br>
                    局数：<a v-if="ruleInfo.ticket_type==1">12局X2门票 </a>
                    <a v-if="ruleInfo.ticket_type==2">24局X4门票</a>
                </div>
                <div v-if="alertType==8 && add_user" style="font-size: 2.2vh">
                    <div>你还不是房主的好友,无法加入房间</div>
                    <div style="height: 6.6vh;">
                        <img v-bind:src="ownerUser.avatar" style="position: relative; width: 5vh;height: 5vh;border: .1vh solid yellow;top: .5vh;">
                        <span style="position: relative; font-size: 2.4vh;line-height: 6.6vh;height: 6.6vh;max-width: 43vw;top: -1.4vh;overflow: hidden;">{{ownerUser.nickname}}</span>

                    </div>
                </div>
                <div>{{alertText}}</div>

                <div v-if="alertType==14" style="font-size: 2.2vh">
                    <div style="height: 8.0vh;">
                        <span style="position: relative;top: 1.4vh; font-size: 2.4vh;line-height: 6.6vh;height: 6.6vh;max-width: 43vw;overflow: hidden;color: rgb(149,100,77);">推荐人：</span>
                        <input style="position: relative;top: 1.4vh; width: 40vw;height: 4.6vh;line-height: 4.6vh;font-size: 2.4vh;" type="number" placeholder="请输入推荐人" v-model="recommendCode" v-on:blur="blurIpt">
                        <span style="position: relative;top: 1.4vh; font-size: 2.4vh;line-height: 6.6vh;height: 6.6vh;max-width: 43vw;overflow: hidden;color: rgb(149,100,77);">{{recommendMsg}}</span>
                    </div>
                </div>

            </div>
            <div v-if="alertType==8 && add_user" style="position: absolute;bottom:10px;width:100%;line-height: 4.2vh;height: 4.2vh;width: 14vh;left:50%;margin-left:-7vh;text-align: center;overflow: hidden;">
                <div v-show="applyStatus==0" style="border-radius: 2vh;background-color: #EE7942;color: #fff"  v-on:click="applyToJoin">确定</div>
                <div v-show="applyStatus==1" style="border-radius: 2vh;background-color: #6f6363;color: #fff">申请中</div>
            </div>
            <div v-show="alertType==1">
                <div class="buttonMiddle" v-on:click="hall">返回大厅</div>
            </div>
            <div v-show="alertType==2">
                <div class="buttonMiddle" v-on:click="hall">返回大厅</div>
            </div>
            <div v-show="alertType==3">
                <div class="buttonLeft" v-on:click="hall">返回大厅</div>
                <div class="buttonRight" v-on:click="closeAlert">取消</div>
            </div>
            <div v-show="alertType==4">
                <div class="buttonLeft" v-on:click="hall">创建房间</div>
                <div class="buttonRight" v-on:click="sitDown">加入游戏</div>
            </div>
            <div v-show="alertType==7">
                <div class="buttonMiddle" v-on:click="hall">返回大厅</div>
            </div>
            <div v-show="alertType==8">
            </div>
            <div v-show="alertType==9">
                <div class="buttonMiddle" v-on:click="showBreakRoom">确定</div>
            </div>
            <div v-show="alertType==10">
                <div class="buttonLeft" v-on:click="closeAlert">取消</div>
                <div class="buttonRight" v-on:click="confirmBreakRoom">确定</div>
            </div>
            <div v-show="alertType==11">
                <div class="buttonMiddle" v-on:click="closeAlert">知道了</div>
            </div>
						<div v-show="alertType==12">
							<div class="buttonMiddle" v-show="applyStatus==0" v-on:click="applyFriend">申请好友</div>
							<div class="buttonMiddle" v-show="applyStatus==1">申请中...</div>
						</div>
						<div v-show="alertType==13">
							<div class="buttonMiddle" v-show="applyStatus==0" v-on:click="applyClub">申请加入俱乐部</div>
							<div class="buttonMiddle" v-show="applyStatus==1">申请中...</div>
						</div>
            <div v-show="alertType==14">
                <div class="buttonMiddle" v-show="applyStatus==0" v-on:click="applyUnion">申请加入联盟</div>
                <div class="buttonMiddle" v-show="applyStatus==1">申请中...</div>
            </div>
            <div v-show="alertType==21">
                <div class="buttonMiddle" v-on:click="closeAlert">确定</div>
            </div>
            <div v-show="alertType==22">
                <div class="buttonMiddle" v-on:click="closeAlert">确定</div>
            </div>
            <div v-show="alertType==31">
                <div class="buttonMiddle" v-on:click="reloadView()">确定</div>
            </div>
            <div v-show="alertType==32">
                <div class="buttonMiddle" v-on:click="reloadView()">重新登录</div>
            </div>
        </div>
    </div>

    <div class="alertTip" v-show="isShowAlertTip">
        <div class="alertTipBG"></div>
        <img src="./files/images/common/alertTipOk.png" v-show="alertTipType==1">
        <img src="./files/images/common/alertTipWarn.png" v-show="alertTipType==2">
        <div class="alertTipText" >{{alertTipText}}</div>
    </div>

    <!-- 游戏桌子 -->
    <div class="table" id="table" style="position: relative; width: 100%; height: 100%; overflow: hidden;" v-on:click="confirmAudioSetting('1')">
        <img class="tableBack" :src="tableSkin" style="position: absolute;top:0;left: 0;width: 100vw;height: 100vh" />
        <!--
        <img class="tableBack" src="./files/images/hall/hall-name.png"
            style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.4rem;height: 0.4rem;" />
        -->
        <div style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.6rem;height: 0.35rem;text-align:center;font-size: 0.30rem;color:#0A78B5;font-weight:bold;letter-spacing:0.06rem;font-family: '华文新魏'" >{{hallTitle}}</div>
				
				<div class="roomNum" style="position: absolute;top: 40%;left: 50%;text-align: center;transform: translateX(-50%);color: #66a6d2;font-size: 0.15rem;">
				    房号:{{globalData.roomNumber}}
				</div>
				<div v-show="userData.individuality" class="roomNum" style="position: absolute;top: calc(50% + 40px);left: 50%;text-align: center;transform: translateX(-50%);color: #66a6d2;font-size: 0.15rem;">
					防伪码:{{userData.individuality}}
				</div>
        <div class="area" >
            <div class="result" v-if="game.circle==4&&kaishai>0">
                <div class="shai shai1" v-if="kaishai>=2">
                    <img class="dian" v-bind:src="'/files/images/xiaxie/d'+game.dice_array[0]+'.png'"/>
                    <div class="light light11">
                        <img class="lightMove" src="./files/images/xiaxie/light.png"/>
                    </div>
                    <div class="tu">
                        <img v-bind:src="'/files/images/xiaxie/t'+game.dice_array[0]+'.png'"/>
                    </div>
                    <div class="light light12">
                        <img class="lightMove" src="./files/images/xiaxie/light.png"/>
                    </div>
                </div>
                <div class="shai shai2" v-if="kaishai>=3">
                    <img class="dian" v-bind:src="'/files/images/xiaxie/d'+game.dice_array[1]+'.png'"/>
                    <div class="light light21">
                        <img class="lightMove" src="./files/images/xiaxie/light.png"/>
                    </div>
                    <div class="tu">
                        <img v-bind:src="'/files/images/xiaxie/t'+game.dice_array[1]+'.png'"/>
                    </div>
                    <div class="light light22">
                        <img class="lightMove" src="./files/images/xiaxie/light.png"/>
                    </div>
                </div>
                <div class="shai shai3" v-if="kaishai>=4">
                    <img class="dian" v-bind:src="'/files/images/xiaxie/d'+game.dice_array[2]+'.png'"/>
                    <div class="light light31">
                        <img class="lightMove" src="./files/images/xiaxie/light.png"/>
                    </div>
                    <div class="tu">
                        <img v-bind:src="'/files/images/xiaxie/t'+game.dice_array[2]+'.png'"/>
                    </div>
                    <div class="light light32">
                        <img class="lightMove" src="./files/images/xiaxie/light.png"/>
                    </div>
                </div>
            </div>

            <div class="land">
                <div class="middleBack ground">
                    <div class="background"></div>
                    <div style="position: relative;margin-top: 2vw;">
                        <div >私无公大</div>
                        <div >算不骰翘</div>
                    </div>

                </div>
                <div v-for="n in game.bet.num"  class="ground" v-bind:class="'ground'+(n+1)" >
                    <div class="clickArea"  v-on:click="throwBet(n+1)"></div>
                    <div class="totalScore"><div v-show="game.bet.game_bet[n+1]!=0">{{game.bet.game_bet[n+1]}}</div></div>
                    <div class="middleArea">
                        <div class="background"></div>
                        <div class="backgroundSelect" v-show="game.dicelight_array[n]&&kaishai>0"></div>
                        <img  v-bind:src="'/files/images/xiaxie/s'+(n+1)+'.png'">
                    </div>
                    <div class="singleScore"><div v-show="game.bet.account_bet[n+1]!=0&&!player[0].is_banker">{{game.bet.account_bet[n+1]}}</div></div>
                </div>
            </div>
            <div class="zhong" v-if="game.circle>0">
                <div class="zhong1" v-show="game.circle<4">
                    <img src="./files/images/xiaxie/zhong3.png" class="top" >
                    <img src="./files/images/xiaxie/zhong2.png" class="bottom" >
                </div>
                <div class="zhong2" v-show="game.circle==4">
                    <img src="./files/images/xiaxie/zhong3.png" class="top" >
                    <div v-if="kaishai>0">
                        <img v-bind:src="'/files/images/xiaxie/l'+game.dice_array[0]+'.png'" class="img1">
                        <img v-bind:src="'/files/images/xiaxie/l'+game.dice_array[1]+'.png'" class="img2">
                        <img v-bind:src="'/files/images/xiaxie/l'+game.dice_array[2]+'.png'" class="img3">
                    </div>
                    <img src="./files/images/xiaxie/zhong2.png" class="bottom" >
                </div>

            </div>
        </div>
        <div class="betArea">


        </div>


        <!-- 抢庄文字图片 "{true: 'bankerSelected', false: 'bankerUnSelected'}"   'memberRobText' + p.num-->
        <div v-for="p in player" v-if="p.num!=1&&ruleInfo.banker_mode!=2" v-bind:class="{true:'memberGoText' + p.num,false:'memberRobText' + p.num}[ruleInfo.banker_mode==5]" v-show="p.account_status==4||p.account_status==5">
            <img v-bind:src="p.robImg" style="position: absolute; width: 100%;">
        </div>

        <div v-for="p in player" v-if="p.num!=1&&ruleInfo.banker_mode==2" v-bind:class="'memberFreeRobText' + p.num" v-show="p.account_status==4||p.account_status==5">
            <img v-bind:src="p.robImg" style="position: absolute;  width: 100%;">
        </div>

        <!-- 倍数文字图片 -->
        <div class="memberTimesText1" v-if="ruleInfo.banker_mode!=4" v-show="player[0].account_status>=6&&game.show_card&&!player[0].is_banker&&player[0].multiples>0">
            <img v-bind:src="player[0].timesImg" style="position: absolute; width: 100%;">
        </div>
        <div v-for="p in player" v-if="p.num!=1&&ruleInfo.banker_mode!=4" v-bind:class="'memberTimesText' + p.num" v-show="p.account_status>=6&&game.show_card&&!p.is_banker&&p.multiples>0">
            <img v-bind:src="p.timesImg" style="position: absolute; width: 100%;">
        </div>



        <!-- 每局得分 -->

        <!-- 玩家1得分 -->
        <div  class="memberScoreText1" v-show="game.show_score" style="display: none;">
            <label v-show="player[0].single_score<0&&player[0].account_status>=8"  style="position: absolute; line-height: 4vh; width: 100%; height: 4vh; text-align: center;color: white; font-size: 3vh;;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #022055; ">{{player[0].single_score}}</label>
            <label v-show="player[0].single_score>0&&player[0].account_status>=8"  style="position: absolute; line-height: 4vh; width: 100%; height: 4vh; text-align: center;color: rgb(234,171,55); font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;">+{{player[0].single_score}}</label>
            <label v-show="player[0].single_score==0&&player[0].account_status>=8"  style="position: absolute; line-height: 4vh; width: 100%; height: 4vh; text-align: center;color: rgb(234,171,55); font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;">0</label>
        </div>

        <div v-for="p in player"  v-if="p.num==2||p.num==3||p.num==4||p.num==5||p.num==6" v-bind:class="'memberScoreText' + p.num" v-show="game.show_score" style="display: none;">
            <p v-show="p.single_score<0&&p.account_status>=8" style="position: absolute; line-height: 4vh; width:100%;height: 4vh; text-align: right;color: white; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #022055; ">{{p.single_score}}</p>
            <p v-show="p.single_score>0&&p.account_status>=8" style="position: absolute; line-height: 4vh; width:100%;height: 4vh; text-align: right;color: rgb(234,171,55); font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;">+{{p.single_score}}</p>
            <p v-show="p.single_score==0&&p.account_status>=8" style="position: absolute; line-height: 4vh; width:100%;height: 4vh; text-align: right;color: rgb(234,171,55); font-size: 3vh;;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00; ">0</p>
        </div>

        <div v-for="p in player"  v-if="p.num==8||p.num==9||p.num==10||p.num==11||p.num==12" v-bind:class="'memberScoreText' + p.num" v-show="game.show_score" style="display: none;">
            <label v-show="p.single_score<0&&p.account_status>=8" style="position: absolute; line-height: 4vh; height: 4vh; text-align: left;color: white; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #022055; ">{{p.single_score}}</label>
            <label v-show="p.single_score>0&&p.account_status>=8" style="position: absolute; line-height: 4vh; height: 4vh; text-align: left;color: rgb(234,171,55); font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;">+{{p.single_score}}</label>
            <label v-show="p.single_score==0&&p.account_status>=8" style="position: absolute; line-height: 4vh; height: 4vh; text-align: left;color: rgb(234,171,55); font-size: 3vh;;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;">0</label>
        </div>

        <!-- 玩家4得分 -->
        <div  v-for="p in player" v-if="p.num==7" v-bind:class="'memberScoreText' + p.num"  v-show="game.show_score" style="display: none;">
            <label v-show="p.single_score<0&&p.account_status>=8" style="position: absolute; line-height: 4vh; width: 100%; height: 4vh; text-align: center; color: white; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #022055; ">{{p.single_score}}</label>
            <label v-show="p.single_score>0&&p.account_status>=8"  style="position: absolute; line-height: 4vh; width: 100%; height: 4vh; text-align: center; color: rgb(234,171,55); font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;">+{{p.single_score}}</label>
            <label v-show="p.single_score==0&&p.account_status>=8" style="position: absolute; line-height: 4vh; width: 100%; height: 4vh; text-align: center; color: rgb(234,171,55); font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;">0</label>
        </div>


        <!-- 玩家  -->
        <div  v-for="p in player" key="p.num" class="member" v-bind:class="'member' + p.num" v-show="p.account_id<=0">
            <div class="quitBack" style="" v-on:click="sitDown(p.serial_num)">
                <img :src="'/files/images/daoyou/seat/seat' + p.serial_num + '.png'">
            </div>
        </div>

        <div key="player[0].num" class="member" v-bind:class="'member' + player[0].num" v-show="player[0].account_id>0 && player[0].num==1">

            <img v-bind:src="player[0].headimgurl" class="avatar">
            <img src="./files/images/nbull/player_selected.png" class="banker" v-show="player[0].is_banker">

            <div class="bottom" style="background-color: rgba(0, 0, 0, 0.6); border-radius: 2px;overflow: hidden;">
                <div class="bname" style="text-align: center;overflow: hidden;">{{player[0].nickname}}</div>
                <div class="bscore" style="text-align: center;overflow: hidden;">{{player[0].account_score}}</div>
            </div>

            <img v-bind:id="'banker' + player[0].account_id" src="./files/images/nbull/banker_bg.png" class="background" style="position: absolute; top: -0.2vh;left: -0.2vh;width: 6.4vh; height: 6.4vh; display: none;" />

            <img src="./files/images/xiaxie/banker_icon.png" class="background" style="position: absolute; top: -6%;left: -6%;width: 2.6vh; height: 2.6vh;" v-show="player[0].is_banker">

            <img v-bind:id="'bankerAnimate' + player[0].num" src="./files/images/nbull/banker_animate.png" style="position: absolute; top: -0.2vh; left: -0.2vh; width: 6.4vh; height: 6.4vh; display: none;">
            <img v-bind:id="'bankerAnimate0' + player[0].num" src="./files/images/nbull/banker_animate.png" style="position: absolute; top: -0.2vh; left: -0.2vh; width: 6.4vh; height: 6.4vh; display: none;">


            <img src="./files/images/xiaxie/ready.jpg" class="ready" v-show="player[0].account_status==2" />
            <!-- 玩家离开或不在线 -->
            <div class="quitBack" v-show="player[0].num>1&&p.online_status==0" ></div>

        </div>

        <div  v-for="p in player" key="p.num" class="member" v-bind:class="'member' + p.num" v-show="p.account_id>0 && p.num!=1" >

            <!-- 玩家头像 -->
            <img v-bind:src="p.headimgurl" class="avatar">
            <img src="./files/images/nbull/player_selected.png" class="banker" v-show="p.is_banker">


            <div class="bottom" style="background-color: rgba(0, 0, 0, 0.6); border-radius: 2px;overflow: hidden;">
                <div class="bname" style="text-align: center;overflow: hidden;">{{p.nickname}}</div>
                <div class="bscore" style="text-align: center;overflow: hidden;">{{p.account_score}}</div>
            </div>

            <img v-bind:id="'banker' + p.account_id" src="./files/images/nbull/banker_bg.png" class="background" style="position: absolute; top: -0.2vh;left: -0.2vh;width: 6.4vh; height: 6.4vh; display: none;" />

            <img src="./files/images/xiaxie/zhuang.png" class="background" style="position: absolute; top: -6%;left: -6%;width: 2.6vh; height: 2.6vh;" v-show="p.is_banker">

            <img v-bind:id="'bankerAnimate' + p.num" src="./files/images/nbull/banker_animate.png" style="position: absolute; top: -0.2vh; left: -0.2vh; width: 6.4vh; height: 6.4vh; display: none;">
            <img v-bind:id="'bankerAnimate0' + p.num" src="./files/images/nbull/banker_animate.png" style="position: absolute; top: -0.2vh; left: -0.2vh; width: 6.4vh; height: 6.4vh; display: none;">



            <img src="./files/images/xiaxie/ready.jpg" class="ready" v-show="p.account_status==2" />

            <!-- 玩家离开或不在线 -->
            <div class="quitBack" v-show="p.num>1&&p.online_status==0" ></div>
        </div>

        <!-- 玩家金币 -->
        <div id="playerCoins" style="display: none;">
            <div v-for='p in player'>
                <div v-for='coin in p.coins' class="memberCoin" v-bind:class="coin">
                    <img src="./files/images/common/coin.png" style="position: absolute; width: 100%; height: 100%">
                </div>
            </div>
        </div>

        <!-- 显示玩家消息文本 -->
        <div v-for="p in player">
            <div class="messageSay" v-bind:class="'messageSay' + p.num" v-show="p.messageOn">
                <div>{{p.messageText}}</div>
                <div class="triangle"> </div>
            </div>
        </div>


        <!-- 倒计时时钟 position: absolute; top: 38%; left: 44%; width: 40px; height: 42px; -->
        <div  class="clock" v-show="game.time>-1" v-bind:style="'left:' + (width - 44) / 2 + 'px; '">
            <div id="divRobBankerText" v-show="game.circle==1" class="clockText" >
                <p >抢庄</p>
            </div>
            <div id="divBetText" v-show="game.circle==2" class="clockText">
                <p >庄家摇筛</p>
            </div>
            <div id="divBetText" v-show="game.circle==3" class="clockText">
                <p >闲家下注</p>
            </div>
            <div id="divBetText" v-show="game.circle==4" class="clockText">
                <p >庄家开盅</p>
            </div>

            <img src="./files/images/common/clock3.png" style="position: absolute; width: 100%; height: 100%;" />
            <p style="position: absolute; top: 2px; left: 0px; width: 44px; height: 42px; color: #000; text-align: center; line-height: 42px;font-size: 25px!important;">
                {{game.time}}
            </p>
        </div>


        <!-- 短提示  -->
        <div class="shortAlert" v-show="shortAlert.isShow">
            <div class="back"></div>
            <div class="text">{{shortAlert.text}}</div>
        </div>

        <!-- 按钮操作区域 -->
        <div id="operationButton" v-bind:style="viewStyle.button">

            <div  v-show="game.round!=game.total_num&&game.circle<=0" v-bind:style="viewStyle.readyButton" >
                <img src="./files/images/common/ready_button2.png" style="position: absolute; width: 100%; height: 100%;" v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&player[0].account_id>0&&canBreak!=1" v-on:click="imReady"/>

            </div>

            <!-- 抢庄 -->
            <div v-show="showRob&&ruleInfo.banker_mode==1" v-on:click="robBanker(1)" v-bind:style="viewStyle.rob">
                <img src="./files/images/bull/button_orange.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div v-bind:style="viewStyle.rob1">抢庄</div>
            </div>

            <!-- 不抢 -->
            <div v-show="showRob&&ruleInfo.banker_mode==1" v-on:click="notRobBanker" v-bind:style="viewStyle.notRob">
                <img src="./files/images/bull/button_blue.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div v-bind:style="viewStyle.notRob1">不抢</div>
            </div>

            <!-- 下庄 -->
            <div v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&ruleInfo.banker_mode==5&&canBreak==1&&game.round!=game.total_num&&player[0].is_banker" v-on:click="clickGameOver" v-bind:style="viewStyle.rob">
                <img src="./files/images/bull/button_blue.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div v-bind:style="viewStyle.notRob1">下庄</div>
            </div>

            <!-- 准备 -->
            <div v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&ruleInfo.banker_mode==5&&canBreak==1&&game.round!=game.total_num&&player[0].is_banker" v-on:click="imReady"  v-bind:style="viewStyle.notRob">
                <img src="./files/images/bull/button_orange.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div v-bind:style="viewStyle.rob1">准备</div>
            </div>


            <div  v-show="player[0].account_status==6&&player[0].is_banker" v-on:click="shakeT"  v-bind:style="viewStyle.rob">
                <img src="./files/images/bull/button_orange.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div  v-bind:style="viewStyle.rob1">摇筛</div>
            </div>
            <div v-show="player[0].account_status==6&&player[0].is_banker&&game.is_shake==1" v-on:click="shakeF"  v-bind:style="viewStyle.notRob">
                <img src="./files/images/bull/button_orange.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div v-bind:style="viewStyle.rob1">结束</div>
            </div>
            <div v-show="player[0].account_status==6&&player[0].is_banker&&game.is_shake==0"  v-bind:style="viewStyle.notRob">
                <img src="./files/images/xiaxie/button_gray.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div v-bind:style="viewStyle.rob1">结束</div>
            </div>
            <div v-show="player[0].account_status==8&&player[0].is_banker" v-bind:style="viewStyle.readyButton"  v-on:click="showCard">
                <img src="./files/images/bull/button_orange.png" style="position: absolute; width: 100%; height: 100%;top: 0px; left: 0px;"/>
                <div v-bind:style="viewStyle.singleButton">开盅</div>
            </div>

            <div class="coins"  v-show="!player[0].is_banker&&player[0].account_status==7" >
                <div >
                    <div class="coin" v-on:click="selectCoin(5)" v-if="ruleInfo.chip_type==1">
                        <img src="./files/images/xiaxie/c51.png" v-if="coinSelect!=5">
                        <img src="./files/images/xiaxie/c54.png" class="selected" v-if="coinSelect==5">
                    </div>
                    <div class="coin" v-on:click="selectCoin(10)">
                        <img src="./files/images/xiaxie/c101.png" v-if="coinSelect!=10">
                        <img src="./files/images/xiaxie/c104.png" class="selected" v-if="coinSelect==10">
                    </div>
                    <div class="coin" v-on:click="selectCoin(20)">
                        <img src="./files/images/xiaxie/c201.png" v-if="coinSelect!=20">
                        <img src="./files/images/xiaxie/c204.png" class="selected" v-if="coinSelect==20">
                    </div>
                    <div class="coin" v-on:click="selectCoin(50)">
                        <img src="./files/images/xiaxie/c501.png" v-if="coinSelect!=50">
                        <img src="./files/images/xiaxie/c504.png" class="selected" v-if="coinSelect==50">
                    </div>
                    <div class="coin" v-on:click="selectCoin(100)" v-if="ruleInfo.chip_type==2">
                        <img src="./files/images/xiaxie/c1001.png" v-if="coinSelect!=100">
                        <img src="./files/images/xiaxie/c1004.png" class="selected" v-if="coinSelect==100">
                    </div>
                </div>

            </div>





            <!-- 抢庄文字 -->
            <div v-if="showRobText&&ruleInfo.banker_mode!=5&&ruleInfo.banker_mode!=2&&player[0].account_status!=6" v-bind:style="viewStyle.robText" >
                <img src="./files/images/bull/text_rob.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
            </div>

            <div v-if="showRobText&&ruleInfo.banker_mode==2&&player[0].account_status!=6" v-bind:style="viewStyle.robText2" >
                <img src="./files/images/bull/text_rob.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
            </div>


        </div>
    </div>

    <!-- 上六局战绩  -->

    <div class="last6" v-show="isShowNoteImg"  v-on:click="hideNoteImg()">
        <div class="back"></div>
        <div class="left" v-if="game.last6.length>0"></div>
        <div v-for="(l,index) in game.last6" class="eachRound" v-if="index > game.last6.length-11">
            <div class="roundNum">{{l.num}}</div>
            <div class="shai">
                <img v-bind:src="'/files/images/xiaxie/t'+d+'.png'" v-for="d in l.dice" />
            </div>
            <div class="bol" v-if="l.point>10">大</div>
            <div class="bol" v-if="l.point<11">小</div>
        </div>
        <div class="left" v-if="game.last6.length>0"></div>
    </div>

    <!-- 消息  -->
    <!--<div class="message" v-show="isShowMessage" >
        <div class="messageBack" v-on:click="hideMessage"></div>
        <div class="textPartOuter"></div>
        <div id="message-box" class="textPart" v-bind:style="'height: ' + 0.39 * height + 'px;'">
            <div id="scroll-box" class="textList" style="width: 100%;">
                <div class="textItem" v-for="m in message" v-on:click="messageOn(m.num)">{{m.text}}</div>
            </div>
        </div>
    </div>-->
    <!-- 新消息  -->
    <div class="chat-list-mask" v-on:click="hideMessage" v-show="isShowNewMessage"></div>
    <div class="chat-list" id="newmessage-box" v-show="isShowNewMessage">
        <ul class="chat-list-ul">
            <li v-on:click="messageOn(0)">快点吧，我等到花儿也谢了</li>
            <li v-on:click="messageOn(1)">我出去叫人</li>
            <li v-on:click="messageOn(2)">你的牌好靓哇</li>
            <li v-on:click="messageOn(3)">我当年横扫澳门九条街</li>
            <li v-on:click="messageOn(4)">算你牛逼</li>
            <li v-on:click="messageOn(5)">别吹牛逼，有本事干到底</li>
            <li v-on:click="messageOn(6)">输得裤衩都没了</li>
            <li v-on:click="messageOn(7)">我给你们送温暖了</li>
            <li v-on:click="messageOn(8)">谢谢老板</li>
            <li v-on:click="messageOn(9)">我来啦，让你们久等了</li>
            <li v-on:click="messageOn(10)">我出去一下，马上回来，等我哦</li>
            <li v-on:click="messageOn(11)">怎么断线了，网络太差了</li>
            <li v-on:click="messageOn(12)">搏一搏，单车变摩托</li>
        </ul>
    </div>
<!--     ranking  -->
<!--    <div class="ranking hideRanking" id="ranking" style="z-index: 1">-->
<!--        <div class="rankBack">-->
<!--            <img crossOrigin="Anonymous" src="--><?php //echo $file_url;?><!--files/images/bull/rank_bg.jpg" style="position: absolute;top: 0;left: 0;width: 100%">-->
<!--        </div>-->
<!---->
<!--        <div class="rankText" style="position: absolute;top: 4%;">-->
<!--            <img  crossOrigin="Anonymous" src="--><?php //echo $file_url;?><!--files/images/nbull/rank_frame.png" style="position: absolute; top: .8rem; left: 23vw; width: 155vw; height: 9.5rem;">-->
<!--            <img crossorigin="Anonymous" src="--><?php //echo $file_url;?><!--files/images/nbull/jiesuan.png" style="position: absolute; top: 0.8rem; left: 1.6rem; width: 4rem;">-->
<!--            <div class="time" v-show="playerBoard.round>0" style="position: absolute;top: 74vw;width: 100%;">-->
<!--                <a style="border-color: #247ed8;background-color: #fff;font-size: 6vw;color:#000">房间号:{{game.room_number}}&nbsp&nbsp&nbsp&nbsp{{playerBoard.record}}&nbsp&nbsp&nbsp&nbsp{{game.total_num}}局</a>-->
<!--            </div>-->
<!--            <div style="height: 94vw;"></div>-->
<!--            <div v-for="p in playerBoard.score" class="scoresItem" v-bind:class="{true: 'scoresItemYellow', false: 'scoresItemWhite'}[p.account_score>0]" v-show="p.account_id>0" style="background-color:rgba(0,0,0,0.5);width:60%;border-radius:10px;border:2px solid #fff5c8;height: 11vw; line-height: 11vw;">-->
<!--                <img  crossOrigin="Anonymous" src="--><?php //echo $file_url;?><!--files/images/common/rank_bigwinner.png" style="top: 0; margin-top: -2.5vw; left: 4px;height: 120%" v-show="p.isBigWinner==1">-->
<!--                <div class="name" style="white-space: nowrap;left:10%;text-overflow: ellipsis;width: 55%;">{{p.nickname}}</div>-->
<!--                <div class="currentScores"><a v-show="p.account_score>0">+</a>{{p.account_score}}</div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="button roundEndShow" style="bottom:.8rem">-->
<!--            <img crossOrigin="Anonymous" src="--><?php //echo $file_url;?><!--files/images/common/rank_save.png" style="float: left;margin-left: 13%;width: 30%" />-->
<!--            <img crossOrigin="Anonymous" src="--><?php //echo $file_url;?><!--files/images/common/datinganj.png" style="float: left;margin-left: 1%;width: 12%;margin-top: 2%;z-index:99" />-->
<!--            <img crossOrigin="Anonymous" src="--><?php //echo $file_url;?><!--files/images/common/rank_review.png" style="float: right;margin-right: 13%;width: 30%" />-->
<!--        </div>-->
<!--    </div>-->

    <!--战绩榜-->
    <div class="ranking hideRanking" id="ranking" style="z-index: 1">
        <div class="rankBack">
            <img src="./files/images/bull/rank_bg.jpg" style="position: absolute;top: 0;left: 0;width: 100%">
        </div>

        <div class="rankText" style="position: absolute;top: 4%;">
            <img src="./files/images/xiaxie/rank_frame.jpg" style="position: absolute;top:0;left:0;width: 200vw;">
            <div class="time" v-show="playerBoard.round>0" style="position: absolute;top: 36vw;width: 100%;">
                <a style="font-size: 6vw;padding: 1vw 8vw;border-radius:6vw;background:#064943;border:2px solid #77ffe8;">房间号:{{game.room_number}}&nbsp&nbsp&nbsp&nbsp{{playerBoard.record}}&nbsp&nbsp&nbsp&nbsp{{game.total_num}}局</a>
            </div>
            <div style="height: 56vw;"></div>
            <div v-for="p in playerBoard.score" class="scoresItem" v-bind:class="{true: 'scoresItemYellow', false: 'scoresItemWhite'}[p.account_score>0]" v-show="p.account_id>0">
                <img src="./files/images/common/rank_bigwinner.png" style="top: 0; margin-top: -2.5vw; left: 4px;height: 120%" v-show="p.isBigWinner==1">
                <div class="name">{{p.nickname}}</div>
                <div class="currentScores"><a v-show="p.account_score>0">+</a>{{p.account_score}}</div>
            </div>
        </div>

        <div class="button roundEndShow" >
            <img src="./files/images/common/rank_save.png" style="float: left;margin-left: 13%;width: 30%" />
            <img src="./files/images/common/rank_review.png" style="float: right;margin-right: 13%;width: 30%" />
        </div>
    </div>
    <!-- end图片  -->
    <div id="endCreateRoom" class="end" style="position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 120;display: none;">
        <img src="" style="width: 100vw;position: absolute;top:0;left: 0;height: 100vh;" id="end" usemap="#planetmap1" />
        <div id="endCreateRoomBtn" style="position:fixed;right:13vw; width: 30vw; height: 10vw;bottom: .55rem;z-index:121;overflow: hidden;" v-on:click="reviewCard()"></div>
        <div id="endCreateRoomBtn" style="position:fixed;right:46vw; width: 10vw; height: 10vw;bottom: .45rem;z-index:121;overflow: hidden;" onclick="gotoHall()"></div>
    </div>







    <!-- 新规则  -->
    <div class="rules-mask" v-show="ruleInfo.isShowRule">
        <div class="content">
            <div class="rule-title"></div>
            <div class="niuniu-rules">
                <div class="flex-cont" data-pos="0">
                    <div class="name">筹码：</div>
                    <div class="flex-item" v-if="ruleInfo.chip_type==1"><span class="zhuangType">5,10,20,50</span></div>
                    <div class="flex-item" v-if="ruleInfo.chip_type==2"><span class="zhuangType">10,20,50,100</span></div>
                </div>
                <div class="flex-cont" data-pos="1">
                    <div class="name">上限：</div>
                    <div class="flex-item"><span>{{ruleInfo.upper_limit}}</span></div>
                </div>
                <div class="flex-cont" data-pos="2">
                    <div class="name">规则：</div>
                    <div v-if="ruleInfo.chip_type==0" class="flex-item"><span>三个相同3倍，两个相同2倍</span></div>
                    <div v-if="ruleInfo.chip_type==1" class="flex-item"><span>三个相同5倍，两个相同3倍</span></div>
                </div>
                <div class="flex-cont" data-pos="4">
                    <div class="name">局数：</div>
                    <div class="flex-item" v-if="ruleInfo.ticket_type==1"><span>12局X2门票</span></div>
                    <div class="flex-item" v-if="ruleInfo.ticket_type==2"><span>24局X4门票</span></div>
                </div>
                <div class="flex-cont" data-pos="7">
                    <div class="name">特殊：</div>
                    <div class="flex-item">允许观战&nbsp&nbsp</div>
                    <div class="flex-item" v-if="ruleInfo.can_rub==1">允许搓牌</div>
                </div>
                <div class="flex-cont" data-pos="5" style="display: none;">
                    <div class="name">上庄：</div>
                    <div class="flex-item" v-if="ruleInfo.banker_score==1">无</div>
                    <div class="flex-item" v-if="ruleInfo.banker_score==2">300</div>
                    <div class="flex-item" v-if="ruleInfo.banker_score==3">500</div>
                    <div class="flex-item" v-if="ruleInfo.banker_score==4">1000</div>
                </div>
                <div class="flex-cont" data-pos="6">
                    <div class="name">下注：</div>
                    <div class="flex-item" v-if="ruleInfo.bet_type==0">1/2/3/5倍</div>
                    <div class="flex-item" v-if="ruleInfo.bet_type==1">1/2/4/5倍</div>
                    <div class="flex-item" v-if="ruleInfo.bet_type==2">1/3/5/8倍</div>
                    <div class="flex-item" v-if="ruleInfo.bet_type==3">2/4/6/10倍</div>
                </div>
            </div>
            <div class="close" v-on:click="cancelGameRule"></div>
        </div>
    </div>




    <!-- 设置音频 -->
   <!-- <div class="audioRoom" id="vaudioRoom" v-show="editAudioInfo.isShow">
        <div class="audioRoomBack" v-on:click="cancelAudioSetting"></div>
        <div class="mainPart" >
            <div  class="createB"></div>
            <div class="createTitle" style="height:4vh;">
            </div>

            <img src="./files/images/common/cancel.png" class="cancelCreate" v-on:click="cancelAudioSetting"/>

            <div class="blueBack"> -->
                <!--<div class="selectPart" style="top: 0px;height:4vh;line-height:4.1vh;">
                    <div class="selectTitle" style="width: 100%;font-size: 2vh; text-align: center;color: #7dd9ff; background-color: #143948;opacity: 1.0">点击确定后生效</div>
                </div>  -->
           <!--     <div style="height:0.5vh;"></div>

                <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">
                    <div class="selectTitle">背景音乐：</div>
                    <div class="selectList" >
                        <div class="selectItem" style="margin-left:10px;" v-on:click="setBackMusic" >
                            <div class="selectBox"></div>
                            <img src="./files/images/common/tick.png" v-show="editAudioInfo.backMusic==1"/>
                            <div class="selectText">开启</div>
                        </div>
                    </div>
                </div>

                <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">
                    <div class="selectTitle">游戏音效：</div>
                    <div class="selectList" >
                        <div class="selectItem" style="margin-left:10px;" v-on:click="setMessageMusic">
                            <div class="selectBox"></div>
                            <img src="./files/images/common/tick.png" v-show="editAudioInfo.messageMusic==1"/>
                            <div class="selectText">开启</div>
                        </div>
                    </div>
                </div>

                <div class="createCommit" v-on:click="confirmAudioSetting" >确定</div>

            </div>
        </div>
    </div> -->
	<div class="audioRoom-pj" id="vaudioRoom" v-show="editAudioInfo.isShow">
	    <div class="audioRoomBack" v-on:click="cancelAudioSetting"></div>
	    <div class="mainPart">
			<div class="createB"></div>
			<div class="createTitle" style="height:4vh;"></div>
			<img src="./files/images/common/icon-close.png" class="cancelCreate" v-on:click="cancelAudioSetting"/>
			<div class="blueBack">
			    <div style="height:0.5vh;"></div>
			
			    <div class="selectPart">
			        <div class="selectTitle">背景音乐：</div>
			        <div class="selectBox" v-on:click="setBackMusic">
			            <img src="./files/images/common/vol-full.png" v-show="editAudioInfo.backMusic==1">
			            <img src="./files/images/common/vol-empty.png" v-show="editAudioInfo.backMusic!=1">
			        </div>
			        <div class="selectText" v-on:click="setBackMusic">
			            <img src="./files/images/common/bg-sound-true.png" v-show="editAudioInfo.backMusic==1">
			            <img src="./files/images/common/bg-sound-false.png" v-show="editAudioInfo.backMusic!=1">
			        </div>
			    </div>
			    <div class="selectPart">
			        <div class="selectTitle">游戏音效：</div>
			        <div class="selectBox" v-on:click="setMessageMusic">
			            <img src="./files/images/common/vol-full.png" v-show="editAudioInfo.messageMusic==1">
			            <img src="./files/images/common/vol-empty.png" v-show="editAudioInfo.messageMusic!=1">
			        </div>
			        <div class="selectText" v-on:click="setMessageMusic">
			            <img src="./files/images/common/music-true.png" v-show="editAudioInfo.messageMusic==1">
			            <img src="./files/images/common/music-false.png" v-show="editAudioInfo.messageMusic!=1">
			        </div>
			    </div>
			</div>
	    </div>
	</div>

    <script type="text/javascript" src="./files/js/canvas.js"></script>
</div>

</body>

<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js" ></script>
<script type="text/javascript" src="./files/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="./files/js/bscroll.js"></script>
<script src="./files/js/jquery.marquee.min.js" type="text/javascript"></script>
<script type="text/javascript" src="./files/js/vue.min.js" ></script>
<script type="text/javascript" src="./files/js/vue-resource.min.js" ></script>
<script type="text/javascript" src="./files/js/ds/xiaxie2.js?v=1"></script>
<script src="./files/js/fuzhi_xl.js?v=201280918"></script>
<script type="text/javascript">
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        // 通过下面这个API隐藏右上角按钮
        WeixinJSBridge.call('hideOptionMenu');
    });
</script>


</html>
